<!DOCTYPE HTML>
<html lang="zh"><!--展示的是中文网页-->
<head>          <!--像动物一样，长了个头, 提供关于网页的信息-->   
    <!--头部特征，暴露基本识别信息-->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">    <!--头上的嘴巴，告诉你我说话的语言：万国码，字符编码集-->
    <title>PC网站布局</title>                                               <!--带个冒子，一看就知道我是干啥的：出现在标签页上-->
    <meta name="description" content="全栈基础技能-PC网站布局-CSS">        <!--更详细的介绍自己，跟投简历一样，方便别人查找。SEO-->
    <link href="./images/fav.png" rel="shortcut icon" type="image/x-icon"/><!--图标，也是出现在标签页上-->
    <!--内在美，修饰我的样子：层叠样式表-->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">          <!--样式字体-->
    <link rel="stylesheet" type="text/css" media="screen,projection" href="./css/style.css">        <!--通用样式-->
    <link rel="stylesheet" type="text/css" media="screen,projection" href="./css/base.css">         <!--本页样式-->     

    <style> 
        /*#demo1{
            background-color:#aaa;
            width: 100%;
        }

        .demo3{
            background-color:red !important;
            width: 100%;
        }

        .demo2{
            background-color:#333;
            width: 100px;
            height: 100px;
            margin: 12px;
        }*/

a:link {color:#FF0000;} /* 未访问的链接 */
a:visited {color:#00FF00;} /* 已访问的链接 */
a:hover {color:#FF00FF;} /* 鼠标划过链接 */
a:active {color:#0000FF;} /* 已选中的链接 */

div{background: black;}

        #demo1 a {
            display: block;
            width: 80px;
            height: 80px;
            
        }
        
        .demo2 {
            color: blue;
        }

        #demo2{
            color: red;
        }



    </style>

    <!--中枢，控制我的行为：执行脚本-->
    <script>

    </script>
</head>
<body>
    <div id="demo1" class="demo3" style="background:#abc;">
        <div class="demo2">
                p1
        </div>
        <div id="demo2">
            <p>p2</p>
        </div>
        <div class="demo2">
        </div>
        <div class="demo2">
        </div>
        <div class="demo2">
        </div>
        <div class="demo2">
        </div>
        <div class="demo2">
        </div>
        <div class="demo2">
        </div>
    </div>
</body>